<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 123
  Date: 2021/5/9
  Time: 21:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>文章</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/page/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/page/layui/css/layui.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/page/css/master.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/page/css/gloable.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/page/css/nprogress.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/page/css/blog.css" />
</head>
<body>
<div class="header">
</div>
<header class="gird-header">
    <div class="header-fixed">
        <div class="header-inner">
            <a href="javascript:void(0)" class="header-logo" id="logo">Mr.Yss</a>
            <nav class="nav" id="nav">
                <ul>
                    <li><a href="#">博客</a></li>
                    <li><a href="${pageContext.request.contextPath}/message">留言</a></li>
                    <li><a href="${pageContext.request.contextPath}/article/write">写博客</a></li>
                </ul>
            </nav>
            <a href="/User/QQLogin" class="blog-user">
                <i class="fa fa-qq"></i>
            </a>
            <a class="phone-menu">
                <i></i>
                <i></i>
                <i></i>
            </a>
        </div>
    </div>
</header>
<div class="doc-container" id="doc-container">
    <div class="container-fixed">
        <div class="col-content">
            <div class="inner">
                <article class="article-list bloglist" id="LAY_bloglist" >
                    <c:forEach var="article" items="${list}" varStatus="i" >
                    <section class="article-item zoomIn article">
                        <div class="fc-flag">置顶</div>
                        <h5 class="title">
                            <span class="fc-blue">【原创】</span>
                            <a href="${pageContext.request.contextPath}/article/${article.artID}">${article.artTitle}</a>
                        </h5>
                        <div class="time">
                            <span class="day">11</span>
                            <span class="month fs-18">5<span class="fs-14">月</span></span>
                            <span class="year fs-18 ml10">2021</span>
                        </div>
                        <div class="content">
                            <a href="#" class="cover img-light">
                                <img src="${pageContext.request.contextPath}/page/image/articleImage/12${i.count}.png" />
                            </a>
                           ${article.artLinks}
                        </div>
                        <div class="read-more">
                            <a href="#" class="fc-black f-fwb">继续阅读</a>
                        </div>
                        <aside class="f-oh footer">
                            <div class="f-fl tags">
                                <span class="fa fa-tags fs-16"></span>
                                <a class="tag">母婴专题</a>
                            </div>
                            <div class="f-fr">
									<span class="read">
										<i class="fa fa-eye fs-16"></i>
										<i class="num">57</i>
									</span>
                                <span class="ml20">
										<i class="fa fa-comments fs-16"></i>
										<a href="javascript:void(0)" class="num fc-grey">1</a>
									</span>
                            </div>
                        </aside>
                    </section>
                    </c:forEach>
                </article>
            </div>
        </div>
        <div class="col-other">
            <div class="inner">
                <div class="other-item" id="categoryandsearch">
                    <div class="search">
                        <label class="search-wrap">
                            <input type="text" id="searchtxt" placeholder="输入关键字搜索" />
                            <span class="search-icon">
					                <i class="fa fa-search"></i>
					            </span>
                        </label>
                        <ul class="search-result"></ul>
                    </div>
                    <ul class="category mt20" id="category">
                        <li data-index="0" class="slider"></li>
                        <li data-index="1"><a href="#">全部文章</a></li>
                        <li data-index="2"><a href="#">个人日记</a></li>
                        <li data-index="3"><a href="#">母亲心态</a></li>
                        <li data-index="4"><a href="#">学前教育</a></li>
                        <li data-index="5"><a href="#">母婴专题</a></li>
                        <li data-index="6"><a href="#">其它</a></li>
                    </ul>
                </div>
                <!--右边悬浮 平板或手机设备显示-->
                <div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
                <div class="article-category">
                    <div class="article-category-title">分类导航</div>
                    <a href="#">个人日记</a>
                    <a href="#">育孩手册</a>
                    <a href="#">母亲心态</a>
                    <a href="#">母婴专题</a>
                    <a href="#">其它</a>
                    <div class="f-cb"></div>
                </div>
                <!--遮罩-->
                <div class="blog-mask animated layui-hide"></div>
                <div class="other-item">
                    <h5 class="other-item-title">热门文章</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            <li> <a href="#">婴儿湿疹怎么处理</a></li>
                            <li> <a href="#">孩子不爱吃饭什么原因</a></li>
                            <li> <a href="#">新手妈妈的日常</a></li>
                            <li> <a href="#">母乳的重要性</a></li>
                            <li> <a href="#">学龄前智力发育</a></li>
                            <li> <a href="#">婴儿如何提高免疫力</a></li>
                            <li> <a href="#">成长中的烦恼</a></li>
                            <li> <a href="#">婴儿的听觉与智力开发</a></li>
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">置顶推荐</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            <li> <a href="#">这几种疫苗一定要记得打</a></li>
                            <li> <a href="#">新手妈妈的日常P</a></li>
                            <li> <a href="#">新手妈妈的日常</a></li>
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">最近访客</h5>
                    <div class="inner">
                        <dl class="vistor">
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/72388EA977643E8F97111222675720B1/100"><cite>Anonymous</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/342F777E313DDF5CCD6E3E707BB0770B/100"><cite>Dekstra</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/EA5D00A72C0C43ECD8FC481BD274DEEC/100"><cite>惜i</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/EF18CEC98150D2442183AA30F05AAD7B/100"><cite>↙Aㄨ计划 ◆莪↘</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/3D8D91AD2BAFD36F5AC494DA51E270E6/100"><cite>.</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/B745A110DAB712A0E6C5D0B633E905D3/100"><cite>Lambert.</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/E9BA3A2499EC068B7917B9EF45C4D13C/100"><cite>64ღ</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/09F92966169272DD7DD9999E709A0204/100"><cite>doBoor</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/59991D53192643A1A651383847332EB6/100"><cite>毛毛小妖</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/FF34F311DDC43E2AF63BE897BCA24F05/100"><cite>NULL</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/59AA25A7627284AE62C8E6EBDC6FE417/100"><cite>吓一跳</cite></a></dd>
                            <dd><a href="#"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/28B021E0F5AF0A4B9B781A24329FE897/100"><cite>如初</cite></a></dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="grid-footer">
    <div class="footer-fixed">
        <div class="copyright">
            <div class="info">
                <div class="contact">
                    <a href="javascript:void(0)" class="github" target="_blank"><i class="fa fa-github"></i></a>
                    <a href="https://wpa.qq.com/msgrd?v=3&uin=930054439&site=qq&menu=yes" class="qq" target="_blank" title="930054439"><i class="fa fa-qq"></i></a>
                    <a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=gbiysbG0tbWyuMHw8K-i7uw" class="email" target="_blank" title="930054439@qq.com"><i class="fa fa-envelope"></i></a>
                    <a href="javascript:void(0)" class="weixin"><i class="fa fa-weixin"></i></a>
                </div>
                <p class="mt05">
                    Copyright &copy; 2018-2021 母婴之家 All Rights Reserved
                </p>
            </div>
        </div>
    </div>
</footer>
<script src="${pageContext.request.contextPath}/page/layui/layui.js"></script>
<script src="${pageContext.request.contextPath}/page/js/yss/gloable.js"></script>
<script src="${pageContext.request.contextPath}/page/js/plugins/nprogress.js"></script>
<script>NProgress.start();</script>
<script src="${pageContext.request.contextPath}/page/js/yss/article.js"></script>
<script>
    window.onload = function () {
        NProgress.done();
    };
    $(document).ready(function () {

        if(location.href.indexOf("#reloaded")===-1){
            location.href=location.href+"#reloaded";
            location.reload();
        }
    })
</script>
</body>
</html>
